<template>
	<div class="hot_all">
	    <Tabs>
	        <Tab-pane label="热门职位" class="one" >
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        	<span class="hot_span">天津售前支持经理招聘</span>
	        </Tab-pane>
	        <Tab-pane label="推荐职位">
	        	推荐职位
	        </Tab-pane>
	        <Tab-pane label="热门行业">
	        	热门行业
	        </Tab-pane>
	        <Tab-pane label="周边城市">
	        	周边城市
	        </Tab-pane>
	        <Tab-pane label="热门城市">
	        	热门城市
	        </Tab-pane>
		</Tabs>
	</div>
</template>

<script>
	export default {
    	name: 'Hot',
        data () {
            return {
            	
            }
        }
    }
</script>
<style scoped>
	.hot_all{
		/*height: 100px;*/
		width: 1000px;
		position: relative;
	    left: 50%;
	    margin-left: -500px;
	    padding-top: 25px;
	    padding-bottom: 100px;
	    display: block;
	    
	    margin-bottom: 150px;
	}
	.one{
		font-size: 18px;
	}
	.hot_span{
		font-size: 16px;
		margin-right: 3%;
		display: inline-block;
		margin-top: 10px;
	}
	.hot_span:hover{
		color: #2E6CF0;
		text-decoration: underline;
		cursor: pointer;
	}
</style>